<%--
  Created by IntelliJ IDEA.
  User: FJ
  Date: 2019/9/20
  Time: 19:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>找回密码</title>

    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/layui/css/layui.css" media="all">
<%--    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap/css/bootstrap.min.css">--%>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/adopt/indexCss.css" type="text/css">
</head>
<body >
<!-- 导航栏 -->
<jsp:include page="../common/nav.jsp"></jsp:include>



<div class="layui-row">
    <div class="layui-col-md2 layui-col-lg-offset1">
        <ul class="layui-nav layui-nav-tree layui-bg-green" lay-filter="test" style="position:fixed">
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;">寄养猫咪</a>
                <dl class="layui-nav-child">
                    <dd><a href="foster.html">寄养介绍</a></dd>
                    <dd><a href="fosterCreate.html">寄养</a></dd>
                    <!--                    <dd><a href="fosterStatus.html">寄养状态</a></dd>-->
                </dl>
            </li>
            <li class="layui-nav-item ">
                <a href="javascript:;">我的猫咪</a>
                <dl class="layui-nav-child">
                    <dd><a href="catManage.html">猫咪1</a></dd>
                    <dd><a href="javascript:;">猫咪2</a></dd>
                </dl>
            </li>

        </ul>

    </div>

    <div class="layui-col-md8 layui-col-lg-offset3">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>猫咪详情</legend>
        </fieldset>

        <fieldset class="layui-elem-field">
            <legend>昵称</legend>
            <div class="layui-field-box">
                ${cat.name}
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>年级</legend>
            <div class="layui-field-box">
                ${cat.age}
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>重量</legend>
            <div class="layui-field-box">
                ${cat.weight}
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>是否绝育</legend>
            <div class="layui-field-box">
                否
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>品种</legend>
            <div class="layui-field-box">
                ${cat.species}
            </div>
        </fieldset>
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>服务记录</legend>
        </fieldset>
        <ul class="layui-timeline">
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">8月18日</h3>
                    <p>
                        早上八点吃狗粮
                        <br>中午十一点半去吃猫粮
                        <br>晚上五点吃杂粮<i class="layui-icon"></i>
                        <br>晚上玩游戏
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">8月17日</h3>
                    <p>
                        早上八点吃狗粮
                        <br>中午十一点半去吃猫粮
                        <br>晚上五点吃杂粮<i class="layui-icon"></i>
                        <br>晚上玩游戏
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">8月16日</h3>
                    <p>
                        早上八点吃狗粮
                        <br>中午十一点半去吃猫粮
                        <br>晚上五点吃杂粮<i class="layui-icon"></i>
                        <br>晚上玩游戏
                    </p>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title">2019年8月15日</h3>
                    <p>
                        出生啦
                    </p>
                </div>
            </li>
        </ul>

    </div>
</div>


<div class="container">
    <div>
        <h3 id="welcome">联系我们</h3>
    </div>
    <div class="col-md-4">
        <h4>
            <i class="	glyphicon glyphicon-map-marker"></i>&nbsp;&nbsp;Location
        </h4>
        <p>345 Setwant natrer,</p>
        <p>Metropolitan, Italy.</p>
    </div>
    <div class="col-md-4">
        <h4>
            <i class="glyphicon glyphicon-earphone"></i>&nbsp;&nbsp;PHONE
        </h4>
        <p>+1(401) 1234 567.</p>
        <p>+1(804) 4261 150.</p>
    </div>
    <div class="col-md-4">
        <h4>
            <i class="glyphicon glyphicon-envelope"></i>&nbsp;&nbsp;E-MAIL
        </h4>
        <p>
            <a href="mailto:info@example.com">Example1@gmail.com</a>
        </p>
        <p>
            <a href="mailto:info@example.com">Example2@gmail.com</a>
        </p>
    </div>
</div>


<script src="<%=request.getContextPath()%>/plugins/layui/layui.js" charset="utf-8"></script>
<%--<script src="<%=request.getContextPath()%>/plugins/jquery/jquery.min.js"></script>--%>
<%--<script src="<%=request.getContextPath()%>/plugins/bootstrap/js/bootstrap.js"></script>--%>

<script>
    layui.use('element', function () {
        var element = layui.element;

    });
</script>
</body>
</html>